<template>
  <el-date-picker
    v-model="date"
    type="date"
    :picker-options="pickerOptions"
  />
</template>

<script>
export default {
  data() {
    return {
      date: '',
      // 指定日期，例如：2024-06-28
      specificDate: new Date(2024, 5, 28), // 注意月份是从 0 开始的，所以 5 表示 6 月
      pickerOptions: {
        // 使用 cell-style 函数自定义单元格样式
        cellStyle: {
          normal: (date) => {
            // 检查日期是否是我们指定的日期
            if (date.getTime() === this.specificDate.getTime()) {
              // 返回自定义的样式对象
              return {
                backgroundColor: 'pink'
              };
            }
          }
        }
      }
    };
  }
};
</script>
